@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:100%;
	text-align: left;
	vertical-align: baseline;
}
	
a img {border:none;}

table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
body { font: 12px/1.55 "Century Gothic", Helvetica, sans-serif; }
h1 { font-size: 2em; font-weight: bold; }
h2 { font-size: 1.5em; font-weight: bold; }
h3 { font-size: 1.17em; font-weight: bold; }
h4 { font-size: 1em; font-weight: bold; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary { display: block; }
input[type="checkbox"] { cursor: pointer; }
a{ text-decoration: none; }
.pointer { cursor: pointer; }
strong { font-weight: bold; }
input[type="search"] { -webkit-appearance: none; -webkit-box-sizing: content-box; }
#main-content { width: 100%; }
#bar-navigation { width: 250px; height: 100%; position: fixed; float: left; }
	#bar-navigation aside { padding: 15px; }
#logomarca { margin-top: 50px; text-align: center; }
#menu-navigation { margin-top: 40px; }
	#menu-navigation h2, #infor h2 { font-weight: bold; }
#bar-navigation #infor { margin-top: 40px; }
	#bar-navigation #infor h2 { margin-bottom: 20px; }
#footer footer { position: fixed; bottom: 11px; left: 15px; }
	#footer footer p { font-size: 9px; }
#main-page { margin-left: 250px; margin-bottom: 20px; }
#page-content { padding: 15px 30px 0px 30px; }
#page-view { border: 1px solid white; }
#page-title { padding: 5px 20px; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }
#page-infor { padding: 10px 20px; margin-bottom: 30px; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; }
	#page-infor .title-infor { text-transform: uppercase; }
.show { display: block; }
.hide { display: none; }
.txt_right { text-align: right; }
.txt_left { text-align: left; }
blockquote { font-size: 14px; font-style: italic; margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45; position: relative; }
blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}
blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}


/* ==========================================================================
   MENU Layout
   ========================================================================== */
#navbar { text-decoration: none; margin: 20px 12px; }
	#navbar td { padding: 2px; }
	#navbar li { list-style-type: none; }
		#navbar li span { z-index: 1; display: none; position: absolute; left: 220px; margin-top: -6px; padding: 10px 10px 10px 50px; width: 220px; border-radius: 10px; }
		#navbar li a { width: 100%; height: 100%; float: left; }
		#navbar li.m1, #navbar li.m2,  #navbar li.m3,  #navbar li.m4,  #navbar li.m5,  #navbar li.m6, #navbar li.m7, #navbar li.m8,  #navbar li.m9,  #navbar li.m10,  #navbar li.m11, #navbar li.m12, #navbar li.m13 { width: 44px; height: 44px; background-position: 0px 0px; }
		#navbar li.m1 { background-image: url('../img/botoes/desktop.png'); background-repeat: no-repeat; }
		#navbar li.m2 { background-image: url('../img/botoes/author.png'); background-repeat: no-repeat; }
		#navbar li.m3 { background-image: url('../img/botoes/publisher.png'); background-repeat: no-repeat; }
		#navbar li.m4 { background-image: url('../img/botoes/category.png'); background-repeat: no-repeat; }
		#navbar li.m5 { background-image: url('../img/botoes/item.png'); background-repeat: no-repeat; }
		#navbar li.m6 { background-image: url('../img/botoes/service.png'); background-repeat: no-repeat; }
		#navbar li.m7 { background-image: url('../img/botoes/user.png'); background-repeat: no-repeat; }
		#navbar li.m8 { background-image: url('../img/botoes/group.png'); background-repeat: no-repeat; }
		#navbar li.m9 { background-image: url('../img/botoes/rate.png'); background-repeat: no-repeat; }
		#navbar li.m10 { background-image: url('../img/botoes/grafic.png'); background-repeat: no-repeat; }
		#navbar li.m11 { background-image: url('../img/botoes/email.png'); background-repeat: no-repeat; }
		#navbar li.m12 { background-image: url('../img/botoes/config.png'); background-repeat: no-repeat; }
		#navbar li.m13 { background-image: url('../img/botoes/logout.png'); background-repeat: no-repeat; }
/* ==========================================================================
   HOVER MENU Layout
   ========================================================================== */
#navbar li:hover span { display: block; }
		#navbar li.m1:hover, #navbar li.m2:hover,  #navbar li.m3:hover, #navbar li.m4:hover, #navbar li.m5:hover, #navbar li.m6:hover, #navbar li.m7:hover, #navbar li.m8:hover, #navbar li.m9:hover, #navbar li.m10:hover, #navbar li.m11:hover, #navbar li.m12:hover, #navbar li.m13:hover { background-position: 0px -46px; }
.ativo-m1 { background-image: url('../img/botoes/desktop.png'); background-repeat: no-repeat; background-position: 0px -46px; }
.ativo-m2 { background-image: url('../img/botoes/author.png'); background-repeat: no-repeat; background-position: 0px -46px; }
.ativo-m3 { background-image: url('../img/botoes/publisher.png'); background-repeat: no-repeat; background-position: 0px -46px; }
.ativo-m4 { background-image: url('../img/botoes/category.png'); background-repeat: no-repeat; background-position: 0px -46px; }
.ativo-m5 { background-image: url('../img/botoes/item.png'); background-repeat: no-repeat; background-position: 0px -46px; }
.ativo-m6 { background-image: url('../img/botoes/service.png'); background-repeat: no-repeat; background-position: 0px -46px; }
.ativo-m7 { background-image: url('../img/botoes/user.png'); background-repeat: no-repeat; background-position: 0px -46px; }
.ativo-m8 { background-image: url('../img/botoes/group.png'); background-repeat: no-repeat; background-position: 0px -46px;  }
.ativo-m9 { background-image: url('../img/botoes/rate.png'); background-repeat: no-repeat; background-position: 0px -46px; }
.ativo-m10 { background-image: url('../img/botoes/grafic.png'); background-repeat: no-repeat; background-position: 0px -46px; }
.ativo-m11 { background-image: url('../img/botoes/email.png'); background-repeat: no-repeat; background-position: 0px -46px; }
.ativo-m12 { background-image: url('../img/botoes/config.png'); background-repeat: no-repeat; background-position: 0px -46px; }
.ativo-m13 { background-image: url('../img/botoes/logout.png'); background-repeat: no-repeat; background-position: 0px -46px; }

/* ==========================================================================
   ITEM MENU
   ========================================================================== */
#sub_menu_item { }
#menu-item li { list-style:none; display:inline; }
#menu-item li a { padding: 5px 25px; margin-right: 2px; float:left; }
#menu-item li span{ display: none; position: absolute; left: 685px; margin-top: 7px; z-index: 9999; }
#menu-item li:hover span{ display: block; }

/* ==========================================================================
   TEXTO FORMAT
   ========================================================================== */
.bold { font-weight: bold; }
/* ==========================================================================
  TABELA datagrid
  ========================================================================== */
#datagrid table { width: 100%; }
	#datagrid table thead th { font-size: 15px; padding: 10px; }
#datagrid table { border-collapse: separate; border-spacing: 1px; }
#datagrid table tfoot tr { height: 60px; }
#datagrid table tfoot #paginacao { float: left; }
#datagrid table tfoot #total-register { float: right; margin-right: 10px; margin-top: 5px; }
#datagrid table th { font-weight: bold; line-height: normal; text-align: left; }
#datagrid table tbody th,
#datagrid table td { padding: 0.40em 0.8em; text-align: left; vertical-align: middle; }
#datagrid table tbody td a img { cursor: pointer; border: 0; }
#datagrid table td a { text-decoration: none; }
/* ==========================================================================
   PAGINAÇÃO Layout
   ========================================================================== */
#paginacao { margin-top: 3px; }
	#paginacao .pagination li { border: 0; margin: 0; padding: 0; font-size: 11px; list-style: none; margin-right: 2px; float: left; }
	#paginacao .pagination  a { margin-right: 2px; }
	#paginacao .pagination  .previous-off,
#paginacao .pagination  .next-off { display: block; font-weight: bold; }
	#paginacao .pagination  .next a,
#paginacao .pagination  .previous a { font-weight: bold; }
	#paginacao .pagination .active { font-weight: bold; display: block; float: left; padding: 4px 6px; }
	#paginacao .pagination  a:link,
#paginacao .pagination  a:visited { display: block; padding: 3px 6px; text-decoration: none; }
/* ==========================================================================
   ALERT MESSEGE
   ========================================================================== */
#messege-alert { font-weight: 200; min-height: 55px; margin-bottom: 30px; margin-top: -10px; padding: 10px; }
	#messege-alert h2 { font-weight: bold; margin-bottom: 5px; }
.alert_text { text-align: justify; }
#img-alert { float: left; padding: 5px; margin-right: 10px; }
#messege-alert .bt-close, .group_infor .bt-close { float: right; margin: 5px; cursor: pointer; }
#dialog_item_indisponivel h2{ color: #DF5757; }

/* ==========================================================================
   FORM FOR DATAGRID
   ========================================================================== */
#main-content-datagrid { margin-top: 80px; margin-bottom: 90px; }
#loading-data { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background-color: #CCCCCC; opacity: 0.3; }
#loading-data img { position: relative; top: 40%; left: 45%; }
    .loading_item { clear: both; }
#form-insert, #form-update, #form-delete { display: none; }
form fieldset legend { width: 100%; padding: 10px 0px; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }
	form fieldset legend h3 { margin-left: 20px; font-size: 18px; font-weight: bold; }
        form fieldset #content_form { margin-left: 22px; }
form label { font-weight: bold; font-size: 13px; display: block; margin-bottom: 20px; }
	form label p { margin-bottom: 5px; }
form input[type="text"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="password"],  textArea, form select { width: 43%; padding: 10px 10px 10px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
form input[type="radio"] { cursor: pointer; margin-top: 5px; }
form select { width: 45%; }
form .drop_min { width: 15%; }
form .drop_medio { width: 35%; }
form .one_label { margin-bottom: 0px; }
form textArea {font: 13px "Century Gothic", Helvetica, sans-serif; resize: none; }
#new-data, .bar_button { float: right; margin-top: 25px; }
form p i{ font-size: 11px; font-weight: normal; }
#content_item { margin: 10px 0 40px 0; }
#back_page { font-size: 15px; font-weight: bold; color: #333; }
#back_page:hover { color: #DF5757; text-decoration: line-through; }

form fieldset .content_form_left { width: 45%; float: left; }
form fieldset .content_form_left input[type="text"] { width: 94%; }
form fieldset .content_form_left select { width: 98%; }
.content_form_right, .box_infor { background-color: #E4E4E4; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.content_form_right { width: 50%; float: right; min-height: 335px; margin-top: -415px; }
.content_form_right table { width: 100%; margin-bottom: 20px;}
.content_form_right table tr th { padding-top: 20px; padding-left: 30px; }
.content_form_right table tr th h3{ border-bottom: 1px solid #999; font-weight: bold; color: #000;}
.content_form_right table tr td { padding-left: 30px; padding-top: -50px; }
.content_form_right table tr td input { background: #f2f2f2; width: 70%; }
.content_form_right table tr td h4 { font-size: 15px; font-weight: bold; color: #333; }
.content_form_right table tbody hr{ border-color: #e9e9e9; }
.content_form_right table #footer_grid_loan{ font-size: 14px; margin: 15px 20px 0px 0px; float: right; }
form #str_data_saida, form #str_data_retorno { width: 98%; text-align: right; height: 10px; padding: 10px 0px; background-color: rgba(0, 0, 0, 0); border: none; font-style: italic; font-size: 12px; }
.fine_infor { height: 330px; overflow: auto; }
.fine_infor div{ padding: 20px 25px; }
.infor_user{width: 45%; }


/* ==========================================================================
   INFOR CONTEN FINE
   ========================================================================== */
.box_infor { padding: 20px; }
.box_infor h3{ margin-top: 20px; border-bottom: 1px solid #999; }
.infor_content { margin-top: 10px; }
.infor_content p span{ font-size: 14px; }
.infor_content table{ width: 100%; line-height: 1.4em; }
.infor_content table thead tr { padding-bottom: 20px; background-color: #949494; }
.infor_content table thead tr th{ font-weight: bold; color: #333; }
.infor_content table tr .total_fine{ border-left: 2px solid #FFF; }
.infor_content table tbody{  font-size: 12px; }
.infor_content table tfoot tr { height: 30px;  }
.infor_content table tfoot tr td{ padding-top: 20px; }
.infor_content table tfoot tr td p{ text-align: right; }
.infor_content table tfoot tr td span{ font-size: 16px; font-weight: bold; }
.infor_content table tbody td{ padding:5px; padding-left: 8px; border-bottom: 1px solid #999; }
.infor_content table tbody tr td a{ color: #000; font-weight: 500; }
.infor_content table tbody tr td a:hover{ color: #DF5757; }
.infor_content table .fine_year { font-size: 14px; vertical-align: middle; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -o-transform: rotate(315deg); writing-mode: lr-tb; }
.infor_content table .line_down { background-color: #EEEEEE; }
.fine_up { background-color: #bdd6a4; }
.fine_alert { background-color: #e6e681; }
.infor_content table .fine_up, .infor_content table .fine_alert {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }


/* ==========================================================================
   CONTENT EDIT LOAN
   ========================================================================== */
#content_edit_loan { padding: 15px; margin-bottom: 20px; }
#content_edit_loan table { width: 100%; }
#content_edit_loan table tr th h3{  border-bottom: 1px solid #999; color: #333; }
#content_edit_loan table thead tr th, #content_edit_loan table tbody tr td { padding-right: 50px; }
#content_edit_loan table tr td select { background: #f2f2f2; width: 100%; }
#content_edit_loan hr{ border-color: #FFF; margin-bottom: 15px; }
#content_edit_loan table tbody tr td, #footer_edit_loan{ padding-left: 10px; margin-bottom: 10px; }
#footer_edit_loan { margin-top: 0px; border-top: 1px solid #999999; margin-top: 30px; }
#footer_edit_loan .footer_left { width: 50%; margin-top: 20px;}
#footer_edit_loan .footer_left div{ margin-left: 20px; }
#footer_edit_loan .footer_rigth { position: relative; width: 35.5%; float: right; top: -200px; left: 13px; }
#footer_edit_loan .footer_rigth span { margin-left: 20px; font-style: italic; }
#status_loan_grid span { font-size: 14px; font-weight: bold; color: #666; font-style: italic; margin-left: 5px; }
#img_status_loan { position: relative; top: 30px; }
.total_devolvido { width: 64%; margin-bottom: 5px; float: left; }
.str_total_devolvido { position: relative; left: 20px; top: -3px; font-size: 14px; font-style: italic;  }
#form-edit article .back_page_loan { margin-bottom: 10px; }

/* ==========================================================================
   BUTTON
   ========================================================================== */
.button, button { border: none; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; padding: 6px 15px; cursor: pointer; }
	.button:hover, button:hover { background: #D8D8D8; color: #666; text-shadow: 1px 1px 1px white; text-decoration: none; }
/* ==========================================================================
   LIST ITEM
   ========================================================================== */   
#box-search_item { clear: left; padding-top: 30px; }
#box_item {  margin-top: 30px; }
#box_item .status_loan{ float: left; clear: both; color: #DF5757; font-weight: bold; margin: 10px 12px; text-decoration: line-through; font-size: 14px; }
form header { margin-bottom: 20px; padding-left: 5px; border-bottom: 3px dotted #CCC; width: 45%; border-left:  3px dotted #CCC; }
.search_refresh { position: relative; top: 15px; }
.search_refresh_item {position: relative; top: 15px; }

#box_item .item { float: left; margin: 0; padding-right: 20px; padding-bottom: 20px; }
    #box_item .item h2 { margin-bottom: 10px; height: 40px; width: 165px; line-height: 20px; text-align: center; font-size: 130%; }
        #box_item .item h2 a { color: #333333; }
            #box_item .item h2 a:hover { color: #DF5757; }
#new_item { float: right; clear: right; margin-top: 5px; margin-bottom: 40px;}
.pagination_item { clear: both; float: left; position: relative; top: 20px; }
#filter_item { position: relative; float: right; margin-top: -80px; margin-right: 3px; }
    #filter_item i { font-size: 10px; }
.filter_quant { width: 125px; }
#total-register-item { clear: both; float: right; }
.desc { width: 45%;  }
#item_motivo strong{ font-size: 15px; }
#item_motivo p{ margin-left: 25px; }
#item_motivo{ font-size: 14px; border-bottom: 1px solid #999; padding-bottom: 10px; margin-bottom: 10px;}


#list_categorias ol li, #list_grupos ol li, #list_acoes ol li, .list_selectable ol li { display: inline-table; margin-top: 5px; }
#selectable_categorias li, #selectable_grupos li, #selectable_acoes li, .selectable_list li { list-style-type: none; padding: 4px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-weight: normal; }
#selectable_categorias li:hover, #selectable_grupos li:hover, #selectable_acoes li:hover, .selectable_list li:hover { background: #DF5757; color: #FFF; }
    .categorias_select, .grupos_select, .acoes_select, .list_select { background: #E4E4E4; }
#selectable_categorias .ui-selecting, #selectable_grupos .ui-selecting,  #selectable_acoes .ui-selecting, .selectable_list .ui-selecting { background: #6ed76e; }
#selectable_acoes h2{ margin-bottom: 5px; margin-top: 20px; color: #333; }
#selectable_acoes h2 span{ font-weight: normal; font-size: 12px; font-style: italic; }
#selectable_acoes hr { border: none; border-top: 1px solid #CCC; margin-top: 20px;}

/* ==========================================================================
   LIST GROUP
   ========================================================================== */   
.group_infor { display: none; background-color: #E4E4E4; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 20px 25px; margin: 20px 0px 20px; }
.group_infor .group { margin-bottom: 10px; }
    .group_infor .group h3{ margin-bottom: 10px; font-size: 15px; text-transform: uppercase; color: #DF5757; }
.group_infor p { font-weight: normal; font-style: italic; }
.group_infor .action { margin-left: 20px; }
.group_infor .desc_action, .group_infor .desc_group  { border-bottom: 1px solid #bebebe; margin-left: 20px; padding-bottom: 5px; margin-bottom: 5px; }
.group_infor .desc_group  { border: none; }


/*INPUT FILE (Upload)*/
.selInputFile #imagem, .selInputFile .imagem {
    position:absolute;
    left: 310px;
    height: 40px;
    width: 30%;
    opacity:0;
    -moz-opacity:0;
    filter: alpha(opacity=0);
}

/* ==========================================================================
   View itens LIST
   ========================================================================== */
.view {
   border: 5px solid #CCC;
   -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
   overflow: hidden;
   position: relative;
}

.view:hover{
   border: 5px solid #DF5757;  
}

.view .mask {
   height: 230px;
   width: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view .content_mask{ height: 70%;}
.view .content_mask .txt_right{ text-align: right;}
.view .content_mask .txt_left{ text-align: left;}


.view img {
   display: block;
   position: relative;
}

.view h3 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 5px;
   background: rgba(0, 0, 0, 0.8);
   margin: 15px 0 5px 0;
}

.view p{
   position: relative;
   color: #fff;
   margin-left: 15px;
   text-align: left;
   font-size: 13px;
}

.view p:hover{
   color: #000;
}

.view a {
   color: #fff;
}

.view a:hover {
    color: #f3f31b;
}

.view .bar_action_item {
   position: relative;
   float: right;
   width: 80px;
   margin-top: 0px;
   text-decoration: none;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}

.view .bar_action_item a{
    margin: 0;
    float: left;
    padding-right: 2px;
    cursor: pointer;
}

.view a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(223,87,87, 0.8);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

/* ==========================================================================
   View item
   ========================================================================== */
#item_view { display: none;
    clear: both; padding: 40px 0 80px 0; background-color: #E4E4E4; color: #000;
    -webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; 
}

.content_chart { margin-top: 40px; }
.infor_chart { margin-bottom: 20px; }
.infor_chart p { font-size: 14px; line-height: 20px; }
.infor_chart p span { font-size: 15px; }
.infor_chart h3 { font-size: 16px; border-bottom: 1px solid #999; width: 40%; margin-bottom: 10px; }

#bar_top a{ float: right; margin-top: -10px; margin-right: 40px;  font-size: 16px; color: #333333; font-style: italic; }
    #data_view { padding: 0 40px 0 40px; }
    #data_view a { color: #000; }
    #data_view a:hover { color: #DF5757; }
        #item_view header { font-size: 18px; border-bottom: 1px solid #999; margin-bottom: 20px; }
        #item_view header h3{ margin-top: 20px; }
        #item_view .item_view_imagem, .img_top { float: right; }
        #item_view .item_view_imagem { padding-left: 20px; }
        #item_view strong { font-weight: bold; font-size: 14px; }
        #item_view .status_item { font-size: 18px; font-weight: bold;  }
        #item_view .indisponible { color: #DF5757; }
        #item_view .datagrid_item_view caption { padding-bottom: 5px; font-weight: bold; font-size: 14px; font-style: italic; }
        #item_view .datagrid_item_view caption a { font-weight: normal; font-size: 12px; color: #333; }
.news_message p { font-size: 130%; text-align: center; font-weight: bold; padding: 15px; background-color: #E4E4E4; margin-bottom: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.emprestimo_current_date, .news_message { margin-bottom: 40px; }
.emprestimo_current_date header, .news_message header { margin-bottom: 10px; }
.emprestimo_current_date p{ font-size: 120%; font-weight: bold; padding: 8px; background-color: #E4E4E4; margin-bottom: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.emprestimo_current_date p:hover { background-color: #F8F2A4; }
.emprestimo_current_date a, .link_loan { font-size: 12px; font-style: italic; cursor: pointer; color: #333333; }
.emprestimo_current_date a:hover, .link_loan:hover { color: #DF5757; }
				
/* ==========================================================================
   COLOR Layout
   ========================================================================== */
html { color: #2F2F2F; }
#datagrid table td a { color: #2F2F2F; }
thead th { font-size: 15px; color: #666; padding: 8px; }
::selection { background-color: #DF5757; color: white; }
::moz-selection { background-color: #DF5757; color: white; }
::webkit-selection { background-color: #DF5757; color: white; }
#bar-navigation, #page-title, #navbar li span, #content_edit_loan { background-color: #E4E4E4; }
#menu-navigation h2, #infor h2 { border-bottom: 1px solid #000; }
#infor span { font-size: 120%; }
#infor a { font-weight: bold; color: #333; font-size: 105%;}
#main-page { background-color: #FFF; }
#page-title { border: 1px solid #FFF; -moz-box-shadow: 0px 0px 3px #CCC; -webkit-box-shadow: 0px 0px 3px #CCC; box-shadow: 0px 0px 3px #CCC; }
#page-infor { border: 2px solid #CCC; }
	#page-infor .title-infor { color: #DE1A1A; }
#page-infor .atencion { font-size: 14px; font-weight: bold; font-style: italic; text-decoration: underline; }
/** TABLE **/
#datagrid table { color: #2F2F2F; -webkit-box-shadow: 0px 0px 18px #ccc; box-shadow: 0px 0px 18px #ccc; }
	#datagrid table thead th,
#datagrid table thead td,
#datagrid table tfoot th,
#datagrid table tfoot td { background-color: #E4E4E4; }
	#datagrid table thead th { color: #666; }
        #datagrid table tbody tr:hover td{ background-color: #F8F2A4; }
        #datagrid table tbody tr.odd { background-color: #EEE; }
        #datagrid table tbody tr.inativa, #datagrid table tbody tr.inativo { background-color: #F0D1D1; }
        #datagrid table tbody tr.alerta { background-color: #f6f6bf; }
        #datagrid table tbody tr.selected, .ui-selected { background-color: #C4E4A5; }

        #datagrid table thead a { color: #666; }
        #datagrid table thead a:hover { color: #DF5757; }
/** PAGINACAO **/
#paginacao .pagination  a { border: solid 1px #b2b2b2; color: #000; }
#paginacao .pagination .active { background-color: #DF5757; color: #FFFFFF; }
#paginacao .pagination a:hover { color: #FFFFFF; background-color: #DF5757; }
/** ALERT **/
#show-alert .erro { background: #fbdcdc; border: 5px dotted #e28383; } /* vermelho */
#show-alert .aviso { background: #F8F2A4; border: 5px dotted #ccba20; } /* amarelo */
#show-alert .sucesso { background: #cdf9ad; border: 5px dotted #8bcc5c; } /* verde */
/** FORM **/
form fieldset legend { background-color: #E4E4E4; border: 1px solid #FFF; -moz-box-shadow: 0px 0px 3px #CCC; -webkit-box-shadow: 0px 0px 3px #CCC; box-shadow: 0px 0px 3px #CCC; }
form input[type="text"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="number"], form input[type="password"], form select, textArea { -webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset; -moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset; -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset; -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset; box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset; background: #E4E4E4; border: 1px solid #c8c8c8; color: #777; }
form input[type="text"]:focus, form input[type="email"]:focus, form input[type="url"]:focus, form input[type="search"]:focus, form input[type="number"]:focus, form input[type="password"]:focus, form select:focus, textarea:focus { -moz-box-shadow: 0px 0px 5px #aaa; -webkit-box-shadow: 0px 0px 5px #aaa; box-shadow: 0px 0px 3px #aaa; background-color: #FFFEEF; color: #000; }
form input[type="search"] { background: url('../img/botoes/search.png'); margin: 0 0 20px; padding-left: 35px; background-repeat: no-repeat; }
form a { color: #333333; }
form a:hover { color: #DF5757; text-decoration: line-through; }
/** BUTTON **/
.button, button { -moz-box-shadow: 0px 0px 3px #aaa; -webkit-box-shadow: 0px 0px 3px #aaa; box-shadow: 0px 0px 3px #aaa; color: #FFF; background: #df5757; }
/** ITEM MENU **/
#menu-item .ativo-sbm1, #menu-item .ativo-sbm2, #menu-item .ativo-sbm3, #menu-item .ativo-sbm4 { background-color:#747474; color: #FFF; border-bottom:3px solid #DE1A1A; }
#menu-item li a { background-color:#e4e4e4; color: #333; text-decoration: none; border-bottom:3px solid #e4e4e4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: 0 1px 1px #777; }
#menu-item li a:hover{ background-color:#747474; color: #FFF; border-bottom:3px solid #DE1A1A; }

 #item_view .datagrid_item_view caption a:hover, #bar_top a:hover {color: #DF5757; }
 .chart{ padding-bottom: 20px;}
 



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
 #gallery {
    background-color: #444;
    padding: 10px;
    width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
    border: 5px solid #3e3e3e;
    border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
    border: 5px solid #fff;
    border-width: 5px 5px 20px;
    color: #fff;
}
#gallery ul a:hover { color: #fff; }

.invisible{
    border: none;
    color: #999;
    background: transparent;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.m_bottom_50 { margin-bottom: 50px; }
.no_style { background-color: none; }
.alerta p{ background-color: #F8F2A4; }

#destinatario { width: 300px;}
.todos_admin { position: relative; margin: auto; top: -15px; margin-bottom: 15px; }
#todos { margin-top: 10px; }
.margin_10 { margin-top: -15px; }
.full { width: 100%;  }
#form-insert-email input[type="text"]{ width: 98%; }